<div class="left side-menu">
    <div class="sidebar-inner slimscrollleft">
        <!--- Divider -->
        <div id="sidebar-menu">
            <ul>
                <li>
                    <a href="views/index.html" class="waves-effect active"><i class="md md-home"></i><span> Dashboard </span></a>
                </li>

                <li class="has_sub">
                    <a class="waves-effect"><i class="md md-mail"></i><span> Mail </span><span class="pull-right"><i class="md md-add"></i></span></a>
                    <ul class="list-unstyled">
                        <li><a href="views/inbox.html">Inbox</a></li>
                        <li><a href="views/email-compose.html">Compose Mail</a></li>
                        <li><a href="views/email-read.html">View Mail</a></li>
                    </ul>
                </li>

                <li>
                    <a href="views/calendar.jsp" class="waves-effect"><i class="md md-event"></i><span> Calendar </span></a>
                </li>

                <li class="has_sub">
                    <a class="waves-effect"><i class="md md-palette"></i> <span> Elements </span> <span class="pull-right"><i class="md md-add"></i></span></a>
                    <ul class="list-unstyled">
                        <li><a href="views/typography.html">Typography</a></li>
                        <li><a href="views/buttons.html">Buttons</a></li>
                        <li><a href="views/panels.html">Panels</a></li>
                        <li><a href="views/checkbox-radio.html">Checkboxs-Radios</a></li>
                        <li><a href="views/tabs-accordions.html">Tabs &amp; Accordions</a></li>
                        <li><a href="views/modals.html">Modals</a></li>
                        <li><a href="views/bootstrap-ui.html">BS Elements</a></li>
                        <li><a href="views/progressbars.html">Progress Bars</a></li>
                        <li><a href="views/notification.html">Notification</a></li>
                        <li><a href="views/sweet-alert.html">Sweet-Alert</a></li>
                    </ul>
                </li>

                <li class="has_sub">
                    <a href="#" class="waves-effect"><i class="md md-invert-colors-on"></i><span> Components </span><span class="pull-right"><i class="md md-add"></i></span></a>
                    <ul class="list-unstyled">
                        <li><a href="views/grid.html">Grid</a></li>
                        <li><a href="views/portlets.html">Portlets</a></li>
                        <li><a href="views/widgets.html">Widgets</a></li>
                        <li><a href="views/nestable-list.html">Nesteble</a></li>
                        <li><a href="views/ui-sliders.html">Sliders </a></li>
                        <li><a href="views/gallery.html">Gallery </a></li>
                        <li><a href="views/pricing.html">Pricing Table </a></li>
                    </ul>
                </li>

                <li class="has_sub">
                    <a href="#" class="waves-effect"><i class="md md-redeem"></i> <span> Icons </span> <span class="pull-right"><i class="md md-add"></i></span></a>
                    <ul class="list-unstyled">
                        <li><a href="views/material-icon.html">Material Design</a></li>
                        <li><a href="views/ion-icons.html">Ion Icons</a></li>
                        <li><a href="views/font-awesome.html">Font awesome</a></li>
                    </ul>
                </li>

                <li class="has_sub">
                    <a href="#" class="waves-effect"><i class="md md-now-widgets"></i><span> Forms </span><span class="pull-right"><i class="md md-add"></i></span></a>
                    <ul class="list-unstyled">
                        <li><a href="views/form-elements.html">General Elements</a></li>
                        <li><a href="views/form-validation.html">Form Validation</a></li>
                        <li><a href="views/form-advanced.html">Advanced Form</a></li>
                        <li><a href="views/form-wizard.html">Form Wizard</a></li>
                        <li><a href="views/form-editor.html">WYSIWYG Editor</a></li>
                        <li><a href="views/code-editor.html">Code Editors</a></li>
                        <li><a href="views/form-uploads.html">Multiple File Upload</a></li>
                        <li><a href="views/form-xeditable.html">X-editable</a></li>
                    </ul>
                </li>

                <li class="has_sub">
                    <a href="#" class="waves-effect"><i class="md md-view-list"></i><span> Data Tables </span><span class="pull-right"><i class="md md-add"></i></span></a>
                    <ul class="list-unstyled">
                        <li><a href="views/tables.html">Basic Tables</a></li>
                        <li><a href="views/table-datatable.html">Data Table</a></li>
                        <li><a href="views/tables-editable.html">Editable Table</a></li>
                        <li><a href="views/responsive-table.html">Responsive Table</a></li>
                    </ul>
                </li>

                <li class="has_sub">
                    <a href="#" class="waves-effect"><i class="md md-poll"></i><span> Charts </span><span class="pull-right"><i class="md md-add"></i></span></a>
                    <ul class="list-unstyled">
                        <li><a href="views/morris-chart.html">Morris Chart</a></li>
                        <li><a href="views/chartjs.html">Chartjs</a></li>
                        <li><a href="views/flot-chart.html">Flot Chart</a></li>
                        <li><a href="views/peity-chart.html">Peity Charts</a></li>
                        <li><a href="views/charts-sparkline.html">Sparkline Charts</a></li>
                        <li><a href="views/chart-radial.html">Radial charts</a></li>
                        <li><a href="views/other-chart.html">Other Chart</a></li>
                    </ul>
                </li>

                <li class="has_sub">
                    <a href="#" class="waves-effect"><i class="md md-place"></i><span> Maps </span><span class="pull-right"><i class="md md-add"></i></span></a>
                    <ul class="list-unstyled">
                        <li><a href="views/gmap.html"> Google Map</a></li>
                        <li><a href="views/vector-map.html"> Vector Map</a></li>
                    </ul>
                </li>

                <li class="has_sub">
                    <a href="#" class="waves-effect"><i class="md md-pages"></i><span> Pages </span><span class="pull-right"><i class="md md-add"></i></span></a>
                    <ul class="list-unstyled">
                        <li><a href="views/profile.html">Profile</a></li>
                        <li><a href="views/timeline.html">Timeline</a></li>
                        <li><a href="views/invoice.html">Invoice</a></li>
                        <li><a href="views/email-template.html">Email template</a></li>
                        <li><a href="views/contact.html">Contact-list</a></li>
                        <li><a href="views/login.html">Login</a></li>
                        <li><a href="views/register.html">Register</a></li>
                        <li><a href="views/recoverpw.html">Recover Password</a></li>
                        <li><a href="views/lock-screen.html">Lock Screen</a></li>
                        <li><a href="views/blank.html">Blank Page</a></li>
                        <li><a href="views/maintenance.html">Maintenance</a></li>
                        <li><a href="views/coming-soon.html">Coming-soon</a></li>
                        <li><a href="views/404.html">404 Error</a></li>
                        <li><a href="views/404_alt.html">404 alt</a></li>
                        <li><a href="views/500.html">500 Error</a></li>
                    </ul>
                </li>

                <li class="has_sub">
                    <a href="javascript:void(0);" class="waves-effect"><i class="md md-share"></i><span>Multi Level </span><span class="pull-right"><i class="md md-add"></i></span></a>
                    <ul>
                        <li class="has_sub">
                            <a href="javascript:void(0);" class="waves-effect"><span>Menu Level 1.1</span> <span class="pull-right"><i class="md md-add"></i></span></a>
                            <ul style="">
                                <li><a href="javascript:void(0);"><span>Menu Level 2.1</span></a></li>
                                <li><a href="javascript:void(0);"><span>Menu Level 2.2</span></a></li>
                                <li><a href="javascript:void(0);"><span>Menu Level 2.3</span></a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="javascript:void(0);"><span>Menu Level 1.2</span></a>
                        </li>
                    </ul>
                </li>
            </ul>
            <div class="clearfix"></div>
        </div>
        <div class="clearfix"></div>
    </div>
</div>